<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>render</title>
  <script src="https://cdn.bootcss.com/vue/2.3.4/vue.js"></script>
</head>
<body>
  <!-- VNode必须唯一 -->
  <div id="app">
    <ele></ele>
  </div>
  <script>
    var child = {
      render: function(createElement) {
        return createElement('p', 'text');
      }
    };
    var child2 = {
      render : function(h){
        return h('p','text');
      }
    }
    // Vue.component('ele', {
    //   render: function(createElement) {
    //     var childNode = createElement(child);
    //     // var arr = [];
    //     // arr.push(childNode);
    //     // arr.push(childNode);
    //     // console.log(arr);
    //     var child2Node = createElement(child2);
    //     return createElement('div',[
    //       childNode, child2Node//VNodes必须唯一，否则渲染失败
    //     ]);
    //   }
    // });
    Vue.component('ele', {
      render: function(createElement) {
        return createElement('div', 
          Array.apply(null, {
            length: 2
          }).map(function() {
            return createElement(child)//正确写法
          })
        );
      }
    });
    new Vue({
      el: '#app'
    })
  </script>
</body>
</html>